<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <title>Bootstrap</title>
    <script src="js/jquery.slim.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <style>
        body {
            background-image: url("picture/background4.jpg");
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .texttitle1 {
            position: absolute;
            top: 1550px;
            left: 490px;
            color: #0F3559;
            font-size: 25px;
            text-align: left;
        }
        .texttitle2 {
            position: absolute;
            top: 2420px;
            left: 255px;
            color: #0F3559;
            font-size: 25px;
            text-align: left;
        }
        .texttitle3 {
            position: absolute;
            top: 3080px;
            left: 680px;
            color: white;
            font-size: 50px;
            text-align: left;
        }

        .textcontent {
            position: absolute;
            top: 780px;
            left: 850px;
            color: #0F3559;
            font-size: 20px;
            text-align: left;
            width: 400px;
        }
        .textcontent2{
            position: absolute;
            top: 1615px;
            left: 490px;
            color: #0F3559;
            font-size: 20px;
            text-align: left;
            width: 780px;
        }
        .textcontent3{
            position: absolute;
            top: 2130px;
            left: 255px;
            color: #0F3559;
            font-size: 20px;
            text-align: left;
            width: 500px;
        }
        .textcontent4{
            position: absolute;
            top: 2500px;
            left: 255px;
            color: #0F3559;
            font-size: 20px;
            text-align: left;
            width: 1020px;
        }
        .textcontent5{
            position: absolute;
            top: 3200px;
            left: 255px;
            color: white;
            font-size: 28px;
            text-align: left;
            width: 1020px;
        }
        .img4-1 {
            position: absolute;
            top: 710px;
            left: 75px;
            width: 680px;
            height: 520px;
            z-index: 1;
        }
        .img4-2 {
            position: absolute;
            top: 1550px;
            left: 75px;
            width: 355px;
            height: 350px;
            z-index: 1;
        }
        .img4-3 {
            position: absolute;
            top: 2050px;
            left: 846px;
            width: 690px;
            height: 330px;
            z-index: 1;
        }

        .img4-4 {
            position: absolute;
            top: 3000px;
            left: 85px;
            width: 1366px;
            height: 722px;
            z-index: 0;
        }
        
        .orangecube{
            position: absolute;
            top: 710px;
            left: 110px;
            width: 690px;
            height: 555px;
            background-color: #D75A3A;
            z-index: 0;
        }
        .whitecube{
            position:absolute;
            top: 710px;
            left: 217.5px;
            width: 1085px;
            height: 200px;
            background: white;
        }

        .bluecube
        {
            position: absolute;
            top: 710px;
            width: 217.5px;
            height: 300px;
            background-color: #5790A3;
        }
        .bluecube2
        {
            position: absolute;
            top: 710px;
            left: 1302.5px;
            width: 217.5px;
            height: 300px;
            background-color: #5790A3;
        }

        .outer7 {
            display: flex;
            height: 710px;
        }

        .sidebar7 {
            flex: 0 0 150px;
            height: 710px;
            background: #0B293E;
        }

        .content7 {
            flex: 1;
            height: 710px;
        }

        ul {
            list-style-type: none;

            margin: 0;

            padding: 0;

        }

        a {

            display: block;

            background-color: #0B293E;

            color: white;

            width: 170px;

            text-align: center;

            padding: 30px;

            text-decoration: none;

        }
        a:hover,
        a:active {

            background-color: #1B4E73;

        }
        
    </style>
</head>

<body>
    <div class="outer7">
        <div class="sidebar7">
            <ul>

                <li><a href="1.html" class="text-white" >首页</a></li>

                <li><a href="2.html" class="text-white">白色污染</a></li>

                <li><a href="3.html" class="text-white">石油污染</a></li>

                <li><a href="4.html" class="text-white">过度捕捞</a></li>

                <li><a href="5.html"class="text-white">全球变暖</a></li>
                <br> <br> <br> <br> <br> <br> <br> <br>
                <li><a href="6.html"class="text-white">关于我</a></li>
                

            </ul>
            
        </div>
        
        <div class="content7">
            <div id="demo" class="carousel slide" data-ride="carousel">

                <!-- 指示符 -->
                <ul class="carousel-indicators text-center">
                    <li data-target="#demo" data-slide-to="0"></li>
                    <li data-target="#demo" data-slide-to="1"></li>
                    <li data-target="#demo" data-slide-to="2"></li>
                    <li data-target="#demo" data-slide-to="3" class="active"></li>
                    <li data-target="#demo" data-slide-to="4"></li>
                </ul>

                <!-- 轮播图片 -->
                <div class="carousel-inner">
                    <div class="carousel-item">
                        <img src="picture/slide1.jpg" width="1375" height="710">
                    </div>
                    <div class="carousel-item">
                        <img src="picture/slide2.jpg" width="1375" height="710">
                    </div>
                    <div class="carousel-item">
                        <img src="picture/slide3.jpg" width="1375" height="710">
                    </div>
                    <div class="carousel-item  active">
                        <img src="picture/slide4.jpg" width="1375" height="710">
                    </div>
                    <div class="carousel-item">
                        <img src="picture/slide5.jpg" width="1375" height="710">
                    </div>
                </div>

                <!-- 左右切换按钮 -->


            </div>
        </div>
        <div class="bluecube"></div>
        <div class="bluecube2"></div>
        <div class="whitecube"></div>
        <img class="img4-1" src="picture/4-1.jpg">
        <div class="orangecube"></div>
    </div>
    <p class="textcontent"><b style="font-size: 24px;">过度捕捞</b>是指人类的捕鱼活动导致海洋中生存的某种鱼类种群不足以繁殖并补充种群数量。
        <br>现代渔业捕获的海洋生物已经超过生态系统能够平衡弥补的数量，结果使整个海洋系统生态退化。
        <br>浩瀚的海洋为生物生长提供了最广阔的空间。人类自古就开始的渔猎生活。到今天已经被大规模的工业化渔业生产取代了。人类在向海洋进军的过程中对海洋的索取越来越多。
        <br>当人类的索取超过了海洋能够负载的限度时，海洋的渔业资源就开始逐渐萎缩，最终走向灭绝的结果。近年来，随着世界人口的急剧增长，世界渔业生产的发展速度很快，很多渔区产生了过量捕鱼的现象。</p>

    <img class="img4-2" src="picture/4-2.jpg">
    <p class="texttitle1"><b>过度捕捞的危害</b></p>
    <p class="textcontent2">
        现代化技术的应用在捕鱼方面效果显著。但是许多海洋科学家担心，今天的过度捕鱼正把许多物种推向灭绝的边缘，有些时候，鱼量已经达到或超出捕捞量。最高捕捞量(MSY)，是指在不影响鱼类未来数量的情况下可以捕捉的最大数量。国家海洋渔业服务中心估计，45%的主要用于投放市场的鱼种已经捕捞过度。在这些被捕捞过度的物种里，有些数量已经减少到原有数量的10%。
        <br>对所有种类的鱼来说，过度捕捞的结果是多方面而且深远的。当一种鱼濒临灭绝时，至当数量开始大大减少的时候，鱼类生物链中的所有生物都会遭受影响并发生变化。被过度捕捞的生物，可能会引发其他动物的增殖或其他种种问题。另一方面，以那些被过度捕捞的生物为食的动物们很可能就会饿死。食物链中一种或两种鱼类的损失，就会扰乱整条食物链，同时妨碍能量的正常流动。
    </p>
    <img class="img4-3" src="picture/4-3.jpg">
    <p class="textcontent3">
        除了过度捕捞，不加选择进行捕捞的“连带杀伤”也是一个非常严重的问题。现代渔业的专业性很强，每次捕鱼都有一两个“目标物种”，但很多原本不是目标的物种被一同捕捞上来，其中大部分在分拣过程中陆续死亡。有时候，受到这种“连带伤害”的其他生物，在捕捞所获中会超过总重的80%。
    </p>
    <p class="texttitle2">
        <b>纽芬兰渔场的故事</b>
    </p>
    <p class="textcontent4">
        当渔业捕捞量超过种群自我繁殖速度时，捕捞便无法再持续。半个世纪以来，全球被过度捕捞的鱼类种群数量增加了两倍。而如今，有三分之一经济鱼类的捕捞量已经超过了其承受极限。当物种数量因为过度捕捞降低到一定程度时，它们很可能丧失一部分基因多样性——仅是因为已经没有足够的个体来承担物种基因库这一任务了。这种遭遇瓶颈期的物种，即使在未来的保护措施中恢复过来，也很难再重获从前的基因多样性。

        <br><br>大西洋对岸，有着“踩着鳕鱼的脊背就可以上岸”传说的加拿大纽芬兰渔场，如今却陷入“无鱼”的悲剧。在不远处新英格兰地区年纪大的捕鱼人眼里，四十年前，海里曾经充斥着肥美的鳕鱼。只需要一条小船，叫上愿意一起出海的伙计，从港口出发25英里（约40公里），一天就可以收获五千磅(约2吨）鳕鱼，每一条都有四十磅（约18公斤）左右。而最近二十年来，新英格兰沿岸已经没有了鳕鱼的踪影。

        <br><br>海洋中的鳕鱼无时无刻不在面对着自然选择的压力，这种选择会影响种群的适应性，从而随着时间的推移改变物种特性。捕鱼同样也是一种选择过程，换句话说，渔业活动可以影响鱼类的进化方向。因为捕鱼人总是有选择性地捕捉体型较大的成熟鳕鱼，鳕鱼的个体越来越小，种群也在不断萎缩甚至消失。如果捕捞活动在繁殖期的早期就将大多数体型大的个体截获，那么比平均年龄更年轻或体型更小的个体就具有进化优势，久而久之，种群就会变得体型更小、性成熟更早。

    </p>
    <img class="img4-4" src="picture/4-4.jpg">
    <b class="texttitle3">现状与发展</b>
    <p class="textcontent5">
        目前，全球各地都在尝试长期经济效益最大化的渔业调控，但在实际实施的过程中仍有许多困难和问题有待解决。大多数国家在渔业管理过程中，以实现生态、经济、社会和政治之间的良好“平衡”为目标。但是，对于这种“平衡”的理解却没有统一标准。在大多数国家中，渔业本身的经济效益最大化通常并不是渔业管理的主要目标。而大多数决策者对渔业经济最大化管理缺乏基本的了解，也严重影响了实践应用。即使科学研究使人们进一步了解渔业活动是如何影响海洋生物多样性的，渔业管理也不可避免地是政治和经济领域的问题，而不是仅仅依赖于科学。

        <br><br>海面下，数亿年来一直生机勃勃，人类的历史中也一直有海洋的影子。今年联合国《生物多样性公约》第15次缔约方大会将在昆明召开，我们应该更加明确海洋生物多样性保护的责任与义务，并敦促各缔约方在海洋生物多样性和海洋资源可持续利用方面开展合作，降低海上活动对海洋生物多样性的影响。
    </p>

        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

</body>

</html>